<template>
  <el-card class="app-container">
    <div class="v-space-between">
      <div class="text-center">
        <i class="el-icon-success"></i>
      </div>
      <div class="text-center">
        提交成功
      </div>
      <div class="text-center tip">
        上传成功后才能在「店铺、分类、搜索」中显示，请耐心等待
        <br>
        您可以在上传记录中查看商品的上传情况
      </div>
      <div class="text-center space-between btn-area">
        <el-button size="mini" type="primary" @click="handleToNewPrd">继续发布新商品</el-button>
        <el-button size="mini" @click="handleToList">查看线上商品</el-button>
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  methods: {
    handleToNewPrd() {
      this.$router.replace('/pdt/spu/category')
    },
    handleToList() {
      this.$router.replace('/pdt/spu')
    }
  }
}
</script>

<style scoped>

.app-container {
  line-height: 1.4;
  padding-top: 30px;
}

.el-icon-success {
  font-size: 40px;
  color: rgb(1, 191, 96);
}

.text-center {
  text-align: center;
}

.btn-area {
  padding: 20px 0;
}

.tip {
  color: rgba(0, 0, 0, .6);
  font-size: 14px;
  margin-top: 16px;
}
</style>
